<%-- 
    Document   : lihatEvent
    Created on : 08 Des 11, 12:31:23
    Author     : Agus
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="e" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Event</title>
        <style type="text/css">
            @import url("layout.css");
            @import url("forms.css");
        </style>
        <script type="text/javascript" src="jqueryui/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/ui.core.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/effects.core.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/effects.highlight.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/ui.tabs.js"></script>

        <script type="text/javascript">
            $(function() {
                $("#tabs").tabs({
                    event: 'mouseover'
                });
            });

            $(function() {
                //run the currently selected effect
                function runEffect(){
                    //get effect type from
                    var selectedEffect = $('#highlight').val();
                    //most effect types need no options passed by default
                    var options = {};
                    //check if it's scale, transfer, or size - they need options explicitly set
                    if(selectedEffect == 'scale'){  options = {percent: 0}; }
                    else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }

                    //run the effect
                    $("#searchdiv").toggle(selectedEffect,options,500);
                };

                //set effect from select menu value
                $("#searchnow").click(function() {
                    runEffect();
                    return false;
                });

            });

        </script>

        <link href="css/ajaxui.css" rel="stylesheet" type="text/css" />

    </head>
    <body>
        <div id="wrap">
            <div id="topbar">
                <ul>    
                    <li><a href="account?page=home">Home</a></li>               
                    <li><a href="account?page=register">Register</a></li>
                </ul>
            </div>
            <div id="header">
                <div id="sitename">
                    <h1 id="logo">O-NICK</h1>
                </div>
                <div id="shoutout"><img src="../images1/joinnow_shoutout.jpg" alt="Join Now! It's Free" width="168" height="126" /></div>
                <div id="useractions">
                    <div id="headings">
                        <h2><img src="../images1/create_indi_usr.jpg" alt="Individual User" width="25" height="22" /> <a href="#">Create PROMOTOR Account</a></h2>
                    </div>
                    <div id="login">
                        <p><strong>Login here...</strong> ${error}</p>
                        <div id="loginform">
                            <form method="post" action="account?page=loggedin">
                                <div class="formblock">
                                    <label>Username</label>
                                    <input name="username" id="username" type="text" value="${tempLog.username}" class="textfields" />
                                </div>
                                <div class="formblock">
                                    <label>Password</label>
                                    <input name="password" id="password" type="password" class="textfields"/>
                                </div>
                                <div class="formblock">
                                    <input href ="account?page=profile" type="image" src="images1/loginbutton.jpg" name="button" id="button" value="Submit" />
                                </div>
                                <div class="clear">&nbsp;</div>
                                <p>
                                    <input name="" type="checkbox" value="" />
                                    Remember me on this computer </p>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
            <div id="content">
            </div>
            <div id="topcategorieslink" class="clear">
                <h2>Event</h2>
                <ul>
                </ul></div>
            <div class="clear">&nbsp;</div>
            <div id="main">
                <h1>Event ${ename.namaEvent}</h1>
                <div id="moredetails">
                    <div id="listing_details">
                        <table cellspacing="0" cellpadding="0">

                            <tr>
                                <td>Picture</td>
                                <td><img src="${ename.gambar}" height="50" width="50"></td>
                            </tr>
                            <tr>
                                <td>Description</td>
                                <td>${ename.deskripsi}</td>
                            </tr>
                            <tr>
                                <td>Date</td>
                                <td>${ename.tanggal}</td>
                            </tr>
                            <tr>
                                <td>Place</td>
                                <td>${ename.tempat}</td>
                            </tr>
                            <tr>
                                <td>Price</td>
                                <td>${ename.hargaTiket}</td>
                            </tr>
                            <tr>
                                <td>Account</td>
                                <td>${ename.rekening}</td>
                            </tr>
                            <tr>
                                <td>Phone</td>
                                <td>${ename.teleponCP}</td>
                            </tr>
                            <tr>
                        </table>
                        <br><br>
                        <a href="payment?page=add">Pay tickets here</a>

                    </div>
                </div>

                </body>

                <body></body>
                <br></br>
                <div id="topcategorieslink" class="clear">
                    <h2>Comments ${error}</h2>
                </div> <div class="clear">&nbsp;</div>
                <div id="main">
                    <div id="moredetails">
                        <div id="listing_details">
                            <table cellspacing="0" cellpadding="0">

                                <td width="200">&nbsp;</td>
                                <table align="center" class="search_form" style="width:100%; border:none;">
                                    <form action="comment?page=added" method="post">
                                        <td class="label">Author :
                                            <br></br>
                                            <input type="text" name="pemberiComment" value="${tempAddComment.pemberiComment}" />
                                        </td></label>

                                        <tr>
                                            <td class="label">Comment : <br></br> 
                                                <textArea rows="5" cols="30" type="text" name="isi" value="${tempAddComment.isi}" /></textarea>
                                            </td></label>
                                        </tr>
                                        </td>
                                        <td colspan="2" class="label"><label>
                                                <div align="left">
                                                    <input type="submit" value="Post" /> </div>
                                            </label>

                                    </form>
                                </table>
                        </div>
                        <br><br>
                        <ul class="listing">
                            <e:forEach items="${comments}" var="cmt">
                                <li>
                                    <div class="listinfo">
                                        <h2>${cmt.pemberiComment} says...</h2>
                                        <h4>${cmt.isi}</h4>
                                    </div>
                                    <div class="listingbtns">

                                    </div>

                                    <div class="clear">&nbsp;</div>
                                </li>
                            </e:forEach>
                        </ul> 
                        </body>
                        </body>
                        </html>